// cover some element-ui styles
@import './variables.scss';
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}


// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block
  }
}
.el-popover{
  min-width: 80px;
}
// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: $primaryColor;
  color: #FFF;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: $primaryColor;
}
.el-checkbox-button.is-checked .el-checkbox-button__inner{
  background-color: $primaryColor;
  border-color: $primaryColor;
}
.el-tabs__item:hover{
  color: $primaryColor;
}
.el-dialog__header {
  padding: 16px 20px 16px;
}
.el-dialog__headerbtn {
  top: 16px;
}
.el-tabs__item{
  height: 30px;
  line-height: normal;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: $primaryColor !important;
  border-color: $primaryColor !important;
}
.el-dialog__header {
  padding: 16px 20px 16px;
}
.el-dialog__headerbtn {
  top: 16px;
}
.el-form-item__label{
  color: #333333;
  font-weight: 500;
}
.el-table .cell{
  font-size: 13px;
}
#app .sidebar-container .nest-menu .el-menu-item.is-active{
  font-weight: 700;
}
.el-submenu__title i{
  color: #333333;
}
.is-active .el-submenu__title i{
  color: #fff;
}
.el-submenu__title{
  &:hover{
    i{
       color: #fff;
    }
  }
}
.el-table .cell{
  font-size: 13px;
}
.el-image-viewer__close{
  background-color: #fff;
  color: #333333;
  width: 52px;
  height: 52px
}
.el-dialog__body{
  color: $textColor;
}